@media screen and ( max-width: 576px ) {
    /* 手机站样式 */
    .nav-item {
        text-align: left;
        border-bottom: 1px dashed #FFF;
    }

    .nav-item-home,
    .nav-item:last-child {
        border-bottom: none;
    }

    .gengduo {
        text-indent: 5px;
    }

    .company {
        padding: 15px 0 !important;
    }

    .company_center {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .company12 {
        width: 100%;
    }

    .company12 img {
        width: 100%;
    }

    .company11 {
        width: 100% !important;
    }

    .company11 .wenzi {
        width: 96% !important;
        margin: 0 2% !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
    }

    .company11 .more1 {
        width: 100%;
        margin: 10px 0 !important;
        text-align: center;
        padding: 10px 0;
    }

    .company11 .more1 a {
        padding: 10px 15px;
        margin: 10px auto !important;
        float: none;
    }

    #content_box-1574479160771-0 {
        width: 100% !important;
    }

    #content_box-1574479160771-1 {
        display: none;
    }

    .product-column-container {
        width: 100% !important;
        margin: 5px auto !important;
    }

    .body-column-container {
        width: 100% !important;
        margin: 5px auto !important;
    }

    .left-navbar-container {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .left-navbar {
        width: 100% !important;
        height: auto !important;
    }

    .left-navbar-toggle-btn {
        width: 40px;
        background-color: #6dab18;
        height: 40px;
        position: absolute;
        right: 10px;
        display: block !important;
        top: 0;
    }

    .left-navbar-toggle-btn svg path {
        color: #FFF !important;
    }

    .left-navbar-title {
        position: relative;
        padding: 0 !important;
        /*background-color: transparent !important;*/
    }

    .left-navbar-content {
        background-color: #FFF !important;
        display: none;
    }

    .left-navbar-title,
    .left-navbar-content {
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .left-navbar-title-chn {
        font-size: 16px !important;
        padding: 0 20px !important;
        font-weight: bold;
        line-height: 40px !important;
    }

    .left-navbar-title-eng {
        display: none;
    }

    .left-navbar-content .lianjie {
        width: 100% !important;
    }

    .left-navbar-content .lianjie a {
        display: inline-block;
        width: 100% !important;
    }

    .photolist-container {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .photolist-title {
        width: 100% !important;
        padding-right: 10px;
    }

    .photolist-content {
        width: 100% !important;
        margin: 10px auto !important;
    }

    .photolist-title {
        width: 100% !important;
    }

    .kuang {
        width: 33.3%;
        float: left;
        padding: 5px;
    }

    .kuang a {
        margin: 0 !important;
        width: 100% !important;
        display: inline-block;
    }

    .pc-img-container {
        width: 100% !important;
        height: 0 !important;
        padding-top: 100% !important;
        position: relative;
    }

    .pc-img-container img {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto !important;
        max-height: 100% !important;
    }

    .pc-img-info {
        width: 100% !important;
        border-top: 1px solid #DADADA;
    }

    .pc-img-info,
    .pc-img-info p {
        line-height: 3 !important;
    }

    .left-navbar-title {
        margin-top: 0 !important;
    }

    .advantage {
        margin: 0 !important;
    }

    .ysBox00 {
        height: 80px !important;
        margin-top: 0 !important;
        background: url(../images/ys-top-2.jpg) no-repeat center !important;
        background-size: 100% !important;
    }

    .ysBox01,
    .ysBox02,
    .ysBox03,
    .ysBox04 {
        background: none !important;
        height: auto !important;
        border-bottom: 1px dashed #DADADA;
    }

    .ysBox04 {
        border-bottom: none !important;
    }

    .ysBox01 .container,
    .ysBox02 .container,
    .ysBox03 .container,
    .ysBox04 .container {
        width: 100% !important;
    }

    .ysBox01 .container .nr,
    .ysBox02 .container .nr,
    .ysBox03 .container .nr,
    .ysBox04 .container .nr {
        width: 100% !important;
        float: none !important;
        margin: 10px auto !important;
        padding: 0 !important;
    }

    .adv,
    .adv_center,
    .container_left,
    .container_right {
        max-width: 100% !important;
        height: auto !important;
    }

    .adv {
        background-image: url(../images/adv_bg_2.jpg) !important;
        background-size: 100% 100% !important;
        padding: 10px !important;
    }

    .container_left p,
    .container_left h5,
    .container_right p,
    .container_right h5 {
        color: #FFF !important;
        margin: 5px !important;
        padding: 0 !important;
        line-height: 1.5 !important;
    }

    .container_right {
        width: 100% !important;
        margin: 0 !important;
        text-align: right;
    }

    .news {
        margin: 0 !important;
    }

    .news_content {
        width: 100% !important;
    }

    .news_left,
    .news_center {
        width: 100% !important;
        float: none !important;
        margin: 20px auto !important;
    }

    .news_left li,
    .news_content li {
        width: 100% !important;
    }

    .news-link {
        width: 70% !important;
        float: left !important;
    }

    .news-link span {
        width: 100% !important;
    }

    .news-date {
        width: 30% !important;
        float: right !important;
    }

    .foot-container {
        width: 100% !important;
        height: auto !important;
        margin-top: 10px !important;
    }

    .foot-container,
    .foot-container a {
        color: #FFF !important;
    }

    .foot-column-box {
        margin: 10px 0 !important;
        width: 100% !important;
        padding: 0 10px !important;
    }

    .foot-column {
        width: 100% !important;
        margin: 5px auto !important;
    }

    .dibu-title {
        width: 100% !important;
    }

    .dibu {
        width: 100% !important;
        padding-left: 15px !important;
        display: none;
    }

    .erweima-container {
        display: none;
    }

    .copyright-container,
    .copyright {
        width: 100% !important;
        text-align: center !important;
        height: auto !important;
    }

    .copyright {
        /*line-height: 1.5 !important;*/
        padding: 5px 0 !important;
    }

    .copyright-info {
        display: block;
        line-height: 1.5 !important;
    }

    .dibu-title-info {
        float: left;
        width: 90%;
    }

    .dibu-title-more {
        width: 10%;
        float: right;
        color: #FFF;
        display: block !important;
        text-align: center;
        padding: 3px 0 !important;
    }
}

@media screen and (min-width: 1200px) {
    .navbar {
        width: 1200px;
    }
}

@media screen and (min-width: 768px) {
    .foot-container,
    .foot-container a {
        color: #FFF !important;
    }
}